/* ------------------------------------- */
/* Error Handling */
/* ------------------------------------- */
/* error handlers for forms */
.error_Alert {font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#a94442; line-height:24px;}
.error_Message {font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#000000; line-height:24px; margin:0; padding:0;}
.form_thankyou {font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#339933; line-height:20px;}

/* error handlers for cfm */
.error_Title {font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#ff0000; line-height:normal;}
.error_SubTitle {font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; line-height:normal; margin-left:25px;}
.error_body A:visited {text-decoration:none; color:#666666;}
.error_body A:link  {text-decoration:none; color:#666666;}
.error_body A:hover  {text-decoration:underline; color:#666666;}
.error_body {font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; line-height:16px;}


/* ------------------------------------- */
/* Zebra Striping */
/* ------------------------------------- */
#SelectList A:visited {text-decoration:none; color:#666666;}
#SelectList A:link  {text-decoration:none; color:#666666;}
#SelectList A:hover  {text-decoration:none; color:#666666;}

#SelectList li {
	font-family:'Roboto', Arial, Helvetica, sans-serif; color:#222222; font-size:12px; line-height:18px; margin:0px; padding:0; list-style:none;
	vertical-align:middle;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale;
	overflow:hidden;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	-webkit-transition-property:color, background-color;
	transition-property:color, background-color;	
	}            

#SelectList li:nth-child(even) {background-color:#e5e5e5;}				
#SelectList li:hover, #SelectList li:focus, #SelectList li:active {background-color:#bde688;}

#SelectList_Data A:visited {text-decoration:none; color:#666666;}
#SelectList_Data A:link  {text-decoration:none; color:#666666;}
#SelectList_Data A:hover  {text-decoration:underline; color:#666666;}
#SelectList_Data {font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; line-height:20px;}	

.SelectList_ColumnLabels {font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#666666; line-height:20px;}

.SelectList_ColumnData A:visited {text-decoration:none; color:#666666;}
.SelectList_ColumnData A:link  {text-decoration:none; color:#666666;}
.SelectList_ColumnData A:hover  {text-decoration:underline; color:#666666;}
.SelectList_ColumnData {font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; line-height:20px; padding-top:15px; padding-bottom:15px;}

.SelectList_ColumnLink A:visited {text-decoration:none; color:#666666;}
.SelectList_ColumnLink A:link  {text-decoration:none; color:#666666;}
.SelectList_ColumnLink A:hover  {text-decoration:underline; color:#666666;}
.SelectList_ColumnLink {font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; line-height:40px;}


/* ------------------------------------- */
/* Catalog Search */
/* ------------------------------------- */
.navSearchForm {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#FFFFFF;
	color:#999999;
    border:1px solid #cccccc;	
	padding-left:5px;
	width:170px;
	height:27px;
}
.navSearchFormButton:hover  {background-color:#67a009;}
.navSearchFormButton {
	min-width:75px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:27px;
	letter-spacing:.15em;
	font-weight:bold;
	background-color:#91cc45;
	color:#ffffff;
    border:0px;
	height:27px;
	padding-left:15px;
	padding-right:15px;		
	text-align:center;
	cursor:pointer;
	cursor:hand;
}

/* ------------------------------------- */
/* Email Signup Form */
/* ------------------------------------- */
.emailSubscribeFormTitle {
font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:24px; color:#003466; line-height:30px; margin-bottom:15px; font-weight:normal;
}

.emailSubscribeForm {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#FFFFFF;
	color:#999999;
    border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-top:1px solid #cccccc;
    border:1px solid #cccccc;	
	padding-left:5px;
	height:27px;
	width:185px;
}
.emailSubscribeFormButton:hover  {background-color:#67a009;}
.emailSubscribeFormButton {
	min-width:75px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	letter-spacing:.15em;
	font-weight:bold;
	background-color:#91cc45;
	color:#ffffff;
    border:0px;
	height:25px;
	padding-left:15px;
	padding-right:15px;		
	text-align:center;
	cursor:pointer;
	cursor:hand;
}



/* ------------------------------------- */
/* set font, color, size for form elemets */
/* ------------------------------------- */
.frontforms_labels {font-family:'Roboto', Arial, Helvetica, sans-serif; color:#666666; font-size:14px; font-weight:normal; line-height:18px; margin:0px; padding:0;}
.frontforms {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#FFFFFF;
	color:#666666;
    border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-top:1px solid #cccccc;
	padding-left:5px;
}

.form_LabelHint {display:inline; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#666666; line-height:18px; padding-bottom:5px;}

button:focus {outline:0;}

.form_Button:hover  {background-color:#67a009;}
.form_Button {
	min-width:150px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:40px;
	letter-spacing:.15em;
	font-weight:bold;
	background-color:#91cc45;
	color:#ffffff;
    border:0px;
	height:40px;
	padding-left:25px;
	padding-right:25px;		
	text-align:center;
	cursor:pointer;
	cursor:hand;
}

.form_ButtonSM:hover  {background-color:#67a009;}
.form_ButtonSM {
	min-width:75px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	letter-spacing:.15em;
	font-weight:bold;
	background-color:#91cc45;
	color:#ffffff;
    border:0px;
	height:25px;
	padding-left:15px;
	padding-right:15px;		
	text-align:center;
	cursor:pointer;
	cursor:hand;
}

/* ============================================================
  Fancy Radio & Checkboxes for Bootstrap 3.X
============================================================ */

label.btn span {

}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color:#b3b3b3;    display:inline;
}
label input[type="radio"] ~ i.fa.fa-check-circle-o{
    display:none;	
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display:none;	
}
label input[type="radio"]:checked ~ i.fa.fa-check-circle-o{
    color:#666666;    display:inline;
}
label:hover input[type="radio"] ~ i.fa {
color:#666666;

}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    /* color:#b3b3b3;    display:inline; */
    color:#b3b3b3;     display:inline-block; width:26px;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display:none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display:none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color:#666666;    display:inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color:#666666;
}

div[data-toggle="buttons"] label.active{
    color:#666666;
}

div[data-toggle="buttons"] label {
display:inline-block;
padding-left:6px;
margin-bottom:0;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:14px;
text-align:left;
white-space:nowrap;
vertical-align:top;
cursor:pointer;
background-color:none;
border:0px solid 
#b3b3b3;
border-radius:3px;
color:#b3b3b3;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}

div[data-toggle="buttons"] label:hover {
color:#666666;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow:none;
box-shadow:none;
}

/* ============================================================
  COMMON
============================================================ */
.cmn-toggle {
  position:absolute;
  margin-left:-9999px;
  visibility:hidden;
}
.cmn-toggle + label {
  display:block;
  position:relative;
  cursor:pointer;
  outline:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}


/* ============================================================
  SWITCH 2 - ROUND FLAT
============================================================ */

input.cmn-toggle-round-flat-reverse + label {
  padding:2px;
  width:100px;
  height:34px;
  background-color:#f2f2f2;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  border:1px solid #cccccc;  
  -webkit-transition:background 0.4s;
  -moz-transition:background 0.4s;
  -o-transition:background 0.4s;
  transition:background 0.4s;
  
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;  
  
  color:#fff;
  font-family:"Roboto", serif;
  font-size:16px;
  text-align:right;
  line-height:30px;    
  
}
input.cmn-toggle-round-flat-reverse + label:before, input.cmn-toggle-round-flat-reverse + label:after {
  display:block;
  position:absolute;
  content:"";
}
input.cmn-toggle-round-flat-reverse + label:before {
  top:2px;
  left:2px;
  bottom:2px;
  right:2px;

  -webkit-transition:background 0.4s;
  -moz-transition:background 0.4s;
  -o-transition:background 0.4s;
  transition:background 0.4s;
  content:attr(data-off);
    text-align:left;
	padding-left:17px;	
  	color:#a94442;	
}
input.cmn-toggle-round-flat-reverse + label:after {
  top:4px;
  left:4px;
  bottom:4px;
  width:35px;
  background-color:#cccccc;
  background-image:url(../images/system/on-off-switch-back.gif);
  background-position:center;
  background-repeat:no-repeat;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  -webkit-transition:margin 0.4s, background 0.4s;
  -moz-transition:margin 0.4s, background 0.4s;
  -o-transition:margin 0.4s, background 0.4s;
  transition:margin 0.4s, background 0.4s;
  margin-left:54px;
}
input.cmn-toggle-round-flat-reverse:checked + label:before {
  content:attr(data-on);
    text-align:right;  
	padding-right:17px; 
	color:#339933;
}
input.cmn-toggle-round-flat-reverse:checked + label:after {
  margin-left:0px;
  background-color:#cccccc;  
}