/* -------------
 * Buttons
 * ------------- */
button {display:block; float:left; margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;overflow:hidden;outline:none;moz-outline:none;}
*:first-child+html button[type]{width:1;} /* IE7 */

button span {
	background: transparent no-repeat scroll right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
}

button span span {
	background: transparent no-repeat;
	color: #FFFFFF;
	padding: 1px 4px 0px 8px;
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
	text-transform: lowercase;
	display: block;
	text-decoration: none;
}

/* -------------
 * Inputs
 * ------------- */


/* For contact forms*/

#contactForm .jNiceInputWrapper {
	background: transparent  no-repeat left top;
}

#contactForm .jNiceInputInner {
	background: #d5d5d5  no-repeat right top;
	padding: 2px 4px 2px 8px;
	margin: 0;
	height:18px;
	width: 188px;
}

#contactForm .jNiceInputInner input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#404040;	
	line-height: 17px;
	height: 17px;
	*line-height: 15px;/* IE Hacks */
	*height: 15px;/* IE Hacks */
	vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;
	float:left;
}

#contactForm .jNiceInputWrapper_hover { background-position: left bottom; }
#contactForm .jNiceInputWrapper_hover .jNiceInputInner { background-position: right bottom; }

/* For "how to find us" page map form*/

#map .jNiceInputWrapper {
	background: transparent no-repeat left top;
	float:left;
	width:226px;
}

#map .jNiceInputInner {
	background: #d5d5d5 no-repeat right top;
	padding: 2px 4px 2px 8px;
	margin: 0;
	height:18px;
	width:214px;
}

#map .jNiceInputInner input {
	width:214px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#404040;	
	line-height: 17px;
	height: 17px;
	*line-height: 15px;/* IE Hacks */
	*height: 15px;/* IE Hacks */
	vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;
	float:left;
}

#map .jNiceInputWrapper_hover { background-position: left bottom; }
#map .jNiceInputWrapper_hover .jNiceInputInner { background-position: right bottom; }

/* For directions callout */

#bottomCalloutThree .jNiceInputWrapper {
	background: transparent no-repeat left top;
	float:left;
	width:226px;
}

#bottomCalloutThree .jNiceInputInner {
	background: #ffffff no-repeat right top;
	padding: 2px 4px 2px 8px;
	margin: 0;
	height:18px;
	width:214px;
}

#bottomCalloutThree .jNiceInputInner input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#404040;	
	line-height: 17px;
	height: 17px;
	*line-height: 15px;/* IE Hacks */
	*height: 15px;/* IE Hacks */
	vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;
	width:214px;
	float:left;
}

#bottomCalloutThree .jNiceInputWrapper_hover { background-position: left bottom; }
#bottomCalloutThree .jNiceInputWrapper_hover .jNiceInputInner { background-position: right bottom; }

/* For storeDetails page */

#directions .jNiceInputWrapper {
	background: transparent no-repeat left top;
	float:left;
	width:226px;
}

#directions .jNiceInputInner {
	background: #d5d5d5 no-repeat right top;
	padding: 2px 4px 2px 8px;
	margin: 0;
	height:18px;
	width:214px;
}

#directions .jNiceInputInner input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#404040;	
	line-height: 17px;
	height: 17px;
	*line-height: 15px;/* IE Hacks */
	*height: 15px;/* IE Hacks */
	vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;
	width:214px;
	float:left;
}

#directions .jNiceInputWrapper_hover { background-position: left bottom; }
#directions .jNiceInputWrapper_hover .jNiceInputInner { background-position: right bottom; }


/* -------------
 * Radios
 * ------------- */
.jRadioWrapper { float: left; z-index: 2; }
.jNiceRadio {
	background: transparent no-repeat center top;
	height: 18px;
	width: 18px;
	position:absolute;left:0px;top:0px;cursor:pointer;vertical-align:middle;
}


/* -------------
 * Checkboxes
 * ------------- */
.jNiceCheckbox {
	background:#fff url(includes/pix/checkbox.gif) no-repeat scroll center top;
	height: 20px;
	width: 20px;
	position:absolute;left:0px;top:0px;z-index:2;cursor:pointer;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.jNiceChecked { background-position: center bottom;}

/* -------------
 * Selects
 * ------------- */
#searchBar .jNiceWrapper select {border:none;margin:0;padding:0; width:468px;}

#searchBar .jNiceSelectWrapper {
	height: 26px;
	width:468px;
	left:0px;top:0px;z-index:3;position:absolute;
	
}

#searchBar .jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}

#searchBar .jNiceSelectWrapper .jNiceSelectText {
	height: 25px;
	line-height: 25px;
	padding: 0px 10px;
	border: none;
	overflow:hidden;float:none;position:absolute;z-index:100;
	cursor:pointer;
}

#searchBar .jNiceSelectWrapper .jNiceSelectOpen {
	width: 21px;
	height: 25px;
	background: url(includes/pix/select_arrow.gif) no-repeat center center;
	z-index:100;display:block;position:absolute;right:0px;
	cursor:pointer;
}
#searchBar .jNiceSelectWrapper:hover .jNiceSelectOpen {
	background: url(includes/pix/select_arrow_hover.gif) no-repeat center center;
}

#searchBar .jNiceSelectWrapper ul {
	top: 25px;
	background-color: #FFF;
	border: solid 1px #CCC;
	height: 100px;
	position:absolute;left:0px;list-style:none;display: none;margin:0;padding:0;overflow-y:auto;z-index:100;width: 466px;
}

#searchBar .jNiceSelectWrapper ul a {
	color:#363636;
	font: normal 12px/25px Arial, Helvetica, sans-serif;
	background-color: #FFF;
	display:block;padding:5px 10px;text-decoration:none;
}

#searchBar .jNiceSelectWrapper ul a:hover { background:#E1F5FF; }
#searchBar .jNiceSelectWrapper ul a.selected {background: #EDEDED;}

#searchBar .jNiceFocus { border: dotted 1px #666666; }

#searchBar .jNiceHidden {opacity:0;z-index:-1;position:relative;}
#searchBar .jNiceWrapper {position:relative;vertical-align:top; width:468px; height:26px; background-color:#fff;}
#searchBar .jNiceWrapper input {outline:none;moz-outline:none;}


#contactForm .jNiceWrapper select {border:none;margin:0;padding:0; width:200px;}

#contactForm .jNiceSelectWrapper {
	height: 26px;
	width:200px;
	left:0px;top:0px;z-index:3;position:absolute;
}

#contactForm .jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}

#contactForm .jNiceSelectWrapper .jNiceSelectText {
	height: 25px;
	line-height: 25px;
	padding: 0px 10px;
	border: none;
	overflow:hidden;float:none;position:absolute;z-index:100;
	background-color:#d5d5d5;
	cursor:pointer;
}

#contactForm .jNiceSelectWrapper .jNiceSelectOpen {
	width: 21px;
	height: 25px;
	background: url(includes/pix/select_arrow_gray.gif) no-repeat center center;
	z-index:100;display:block;position:absolute;right:0px;
	cursor:pointer;
}

#contactForm .jNiceSelectWrapper:hover .jNiceSelectOpen {
	background: url(includes/pix/select_arrow_gray_hover.gif) no-repeat center center;
}

#contactForm .jNiceSelectWrapper ul {
	top: 25px;
	background-color: #d5d5d5;
	border: solid 1px #CCC;
	height: 150px;
	position:absolute;left:0px;list-style:none;display: none;margin:0;padding:0;overflow-y:auto;z-index:100;width:198px;
}

#contactForm .jNiceSelectWrapper ul a {
	color:#545454;
	font: normal 12px/25px Arial, Helvetica, sans-serif;
	background-color: #d5d5d5;
	display:block;padding:0 9px;text-decoration:none;
}

#contactForm .jNiceSelectWrapper ul a:hover { background:#c2cb1e; }
#contactForm .jNiceSelectWrapper ul a.selected {background: #EDEDED;}

#contactForm .jNiceFocus { border: dotted 1px #666666; }

#contactForm .jNiceHidden {opacity:0;z-index:-1;position:relative;}
#contactForm .jNiceWrapper {position:relative;vertical-align:top; width:200px; height:26px; background-color:#d5d5d5;}
#contactForm .jNiceWrapper input {outline:none;moz-outline:none;}