/*######## login ########### */ 
 
.login{
	width: 335px;
	float: left;
	text-align: left;
	padding: 10px;
	background: #fff;
	border: 1px dashed #ccc;
 
	height: 280px;
	margin-right: 12px;
}


.login .headers   {
	color:#f1f1f1;
	font-weight:bold;
	font-size: 13px;
	margin-bottom:5px;
	text-align: left;
	text-transform: uppercase;
	padding: 7px;
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 6px solid #999;
} 

.login .rows{
height:35px; margin:2px; clear:both
} 

.login .inputs{
	width:164px;
	padding: 4px;
	border:1px solid #ccc;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	background-color: #fff;
	margin-top:0px;
	display: block;
	float: right;
}

.login .labels{
	color:#000000;
	font-weight:bold;
	font-size: 11px;
	text-align: left;
	text-transform: uppercase;
	padding: 5px 5px 5px 0 ;
	display: block;
	float: left; width:120px;
 
} 


.loginBtn{ width:172px;}  
  
/*######## login ########### */  



/* forms for login and register etc - check all forms for change effects*/

.formWrapper { /* div*/
	text-align:left;
	margin:0;
	padding:0;
	margin-top: 6px;  

}

.formWrapper form, .loginWrapper form { /* form */
	padding:5px;
	margin:0px;
	background-color: #FFFFFF;
	text-align:left;
	margin-left: 6px;
	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #333333;
 
}

.rows {
height:30px; margin:3px; clear:both
}

.rowsNoHt {
height:auto; margin:3px; clear:both
}

.formWrapper .headers , .loginWrapper .headers{
	line-height:30px;
	border-bottom:6px solid;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 6px;
	border-color: #999999;
	text-transform: uppercase;
}

.labels{
	clear: both;
	color: #333333; 
	font-weight:bold;
	text-transform: uppercase;
	display: block;
	float: left;
	width: 170px;	font-size: 10px;
	line-height: 21px;	margin-right: 10px;margin-left:4px;
} 

.inputs{
	width: 260px;
	border: 2px solid #e3e3e3;
	padding:1px;
	height:17px;
	background:#fff;
	background-color: #FFFFFF;color:#333
  }
  

.inputsReadOnly { /* locked and appear as text */
	width: 460px;
	border: 0px none;
	padding:1px;
	height:17px;
	background:#fff;
	background-color: #FFFFFF; color:#333
  }
  
  
  
 .inputText{
	width: 460px;
	border: 2px solid #e3e3e3;
	padding:3px;
	background:#fff;
	background-color: #FFFFFF;
	color:#333
  }
   
.inputsErr{ border-color:#ff0000}
.inputsOver { border-color:#ccc; background:#f1f1f1} 


.inputsDD {
	width: 266px;
	border: 2px solid #e3e3e3;
	margin-bottom:2px;
	padding:2px;
	background:#fff;
	background-color: #FFFFFF;
}



.inputsDDErr  {
	border: 2px solid #ff0000;
	background-color: #FF0000;
	color: #F0F0F0;
} 
.inputsDDOver {
 border: 2px solid #e3e3e3; 
	background-color: #fff;
	color: #333;
	} 
	
.inputsTextArea{
	width: 500px;
	border: 2px solid #e3e3e3;
	padding:3px;
	background:#fff;
	background-color: #FFFFFF;
	color:#333
	}


.formWrapper .lastRow {
	clear: both;
	margin-bottom: 10px; line-height:55px;
	text-align:right;
	height: 55px;
	margin-top: 10px; border-top:2px solid #ccc;
} 



.errSpans{ font-size:10px; color:#FF0000; padding: 3px 0 0 5px;  font-weight:bold}
#cancelDeliveryLink{ float:right; font-size: 10px; color:#FF0000; display:block }


/*verification code stuff */
.verificationCode{ width:20px; background-image:url(images/verificationCode.png); display:block; float:left; height:20px;margin:5px 0px 0 0px}
.inputsVerify {
	width: 120px;
	border: 4px solid #e3e3e3;
	padding:1px 3px;
	height:19px; letter-spacing:2px;
	background:#fff; font-size:20px; color:#666666; font-weight:bold;
	background-color: #FFFFFF; text-transform:uppercase
 }
 
 .inputsVerifyErr { border-color:red}


.rows label { color:#003366; text-decoration:underline; font-weight:bold; font-size:10px; padding:0 0 8px 0; cursor:pointer } /*real labels */



/*######## chat link  ########### */ 
 
#lhnContainer  ,
.PRODmenu li#lhnContainer   { margin:0; padding:0 }

.PRODmenu li#lhnContainer a, 
#lhnContainer a  {
	padding:0px;
	margin:0;
	background:none;
	display:block; height:120px; width:100%;
font-size:11px; color:#666666; font-weight:bold; text-decoration:none; padding:0; margin:0; background-image: url(images/liveChatIcon.jpg); background-position:left top; background-repeat:no-repeat; position:relative
}

#lhnContainer a  span{
	position:absolute;
	top: 10px;
	right: 10px;
	text-align:right;
	color:#8B8B8B;
	font-size:13px;
	font-weight:bold;
	width:82px;
	text-transform: uppercase; line-height:13px
}

.PRODmenu li#lhnContainer a span:hover,
#lhnContainer a span:hover  { text-decoration:none; color:#003366 }


/*#lhnContainer {   margin:  0 ; padding:0; text-align:right ; position: relative; height:0px;}
#lhnContainer a { position:absolute; right:12px ; top:-22px; font-size:11px; color:#666666; font-weight:bold; text-decoration:none; border-bottom:1px dotted; border-color:#ccc }
#lhnContainer a:hover { text-decoration:none; color:#003366;border-bottom:1px solid; border-color:#003366}
*/
/*######## contact form  ########### */ 

/* different for small contact form   */ 
#contactForm   { /*   match  to   prodMENU */
	margin:0px 0px 7px 0px;
	padding: 0 8px 10px 8px;

} 

#contactForm  form  { /* class match to   prodMENU */
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 0 ;
} 

#contactForm  p{
	font-size:12px;
	color:#545454;
	display:block;
	padding:7px 0 0px 4px;
	margin:0;
	font-weight:bold; clear:both
}

#contactForm  br { clear:both; display:block}
#contactForm  label {
	cursor:pointer;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	float:left;
	display:block;
	margin:4px 0 0px  5px;
	color:#545454; font-style: normal
	
}
#contactForm  label:hover {
	cursor:pointer;
	text-decoration:underline;
	color:#333333; font-weight: normal
}
#contactForm  .checkBox{ margin:3px   0 3px 10px; padding: 0px 0px; float:left ; display:block}

#contactForm .inputs{
	width:202px;
	border:2px solid #e1e1e1;
	height:22px;
	font-size:11px;
	color:#333333;
	padding:1px 0px 1p 3px;
	font-family: Arial, Helvetica, sans-serif;
	outline:none;
	display: block;
	clear: both;
}
#contactForm .inputsDD{ width:208px; padding:3px 3px; border:2px solid #e1e1e1;  font-family: Arial, Helvetica, sans-serif;	font-size:11px;
	color:#333333; }

#contactForm .inputsDD option{ padding:1px 5px 1px 3px} 

#contactForm .inputBox{
	height:50px;
	padding:4px;
	width:196px;
	border:2px solid #e1e1e1;
	font-size:11px;
	color:#333333;
	padding:1px 0px 1p 3px;
	font-family: Arial, Helvetica, sans-serif;
	
}

#contactForm #additionalInfo  p{
	color: #FF6600
}

#contactForm .inputsErr{ border-color:#ff0000}
#contactForm  .inputsOver { border-color:#ccc; background:#f1f1f1} 

#contactForm  .inputsDDErr  {
	border: 2px solid #ff0000;
	background-color: #FF0000;
	color: #F0F0F0;
} 
#contactForm .inputsDDOver {
 border: 2px solid #e3e3e3; 
	background-color: #fff;
	color: #333;
	} 
	

#contactForm .verificationCode{ width:20px; background-image:url(images/verificationCode.png); display:block; float:left; height:24px;margin:2px 0px 0px 0px}
#contactForm .inputsVerify {
	width: 94px;
	border: 3px solid #e3e3e3; float:right;
	padding:0px;
	height:20px;
	background:#fff; margin: 0 0px 0px 0px;
	background-color: #FFFFFF;
	color:#990000; font-size:16px; font-weight:bold; text-transform:uppercase;
	letter-spacing:2px; text-align:center
 }
 
#contactForm .inputsVerifyErr { border-color:red}


#contactForm hr{ border:0;border-top:2px solid #e1e1e1;padding:0px 0 0 0;margin:15px  0 0 0;color:#FFFFFF;}

/*eo form  stuff */