/**
 * Shrinkwrapped link button styles for Lotus Day Spa
 *
 * CSS derived from Roger at 456 Berea St. (http://www.456bereastreet.com):
 * http://www.456bereastreet.com/archive/200705/creating_bulletproof_graphic_link_buttons_with_css/
 */
/*BLUE*/
.button-blue:link,
.button-blue:visited { /* Top left corner, top edge */
	float:left;
	color:#fff;
	background:#395960 url('/img/buttons/button_bg_blue.gif') no-repeat;
	text-decoration:none;
}
.button-blue * {display:block;}
.button-blue span { /* Top right corner */
	padding:6px 0 0;
	background:url('/img/buttons/button_corners_blue.gif') no-repeat right top;
}
.button-blue span span { /* Bottom left corner, left and bottom edges */
	padding:0 0 0 6px;
	background:url('/img/buttons/button_bg_blue.gif') no-repeat left bottom;
}
.button-blue span span span { /* Bottom right corner */
	padding:0 0 6px;
	background:url('/img/buttons/button_corners_blue.gif') no-repeat right bottom;
}
.button-blue span span span span { /* Right edge */
	padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
	background:url('/img/buttons/button_corners_blue.gif') no-repeat right center;
}
.button-blue:hover,
.button-blue:focus,
.button-blue:active { /* Make the button more visible on :hover and :focus */
	color:#fff;
	text-decoration: underline;
}
/*GREEN*/
.button-green:link,
.button-green:visited { /* Top left corner, top edge */
	float:left;
	color:#fff;
	background:#5C593B url('/img/buttons/button_bg_green.gif') no-repeat;
	text-decoration:none;
}
.button-green * {display:block;}
.button-green span { /* Top right corner */
	padding:6px 0 0;
	background:url('/img/buttons/button_corners_green.gif') no-repeat right top;
}
.button-green span span { /* Bottom left corner, left and bottom edges */
	padding:0 0 0 6px;
	background:url('/img/buttons/button_bg_green.gif') no-repeat left bottom;
}
.button-green span span span { /* Bottom right corner */
	padding:0 0 6px;
	background:url('/img/buttons/button_corners_green.gif') no-repeat right bottom;
}
.button-green span span span span { /* Right edge */
	padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
	background:url('/img/buttons/button_corners_green.gif') no-repeat right center;
}
.button-green:hover,
.button-green:focus,
.button-green:active { /* Make the button more visible on :hover and :focus */
	color:#fff;
	text-decoration: underline;
}
/*BROWN*/
.button-brown:link,
.button-brown:visited { /* Top left corner, top edge */
	float:left;
	color:#fff;
	background:#5A4C3E url('/img/buttons/button_bg_brown.gif') no-repeat;
	text-decoration:none;
}
.button-brown * {display:block;}
.button-brown span { /* Top right corner */
	padding:6px 0 0;
	background:url('/img/buttons/button_corners_brown.gif') no-repeat right top;
}
.button-brown span span { /* Bottom left corner, left and bottom edges */
	padding:0 0 0 6px;
	background:url('/img/buttons/button_bg_brown.gif') no-repeat left bottom;
}
.button-brown span span span { /* Bottom right corner */
	padding:0 0 6px;
	background:url('/img/buttons/button_corners_brown.gif') no-repeat right bottom;
}
.button-brown span span span span { /* Right edge */
	padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
	background:url('/img/buttons/button_corners_brown.gif') no-repeat right center;
}
.button-brown:hover,
.button-brown:focus,
.button-brown:active { /* Make the button more visible on :hover and :focus */
	color:#fff;
	text-decoration: underline;
}
/*PURPLE*/
.button-purple:link,
.button-purple:visited { /* Top left corner, top edge */
	float:left;
	color:#fff;
	background:#614C59 url('/img/buttons/button_bg_purple.gif') no-repeat;
	text-decoration:none;
}
.button-purple * {display:block;}
.button-purple span { /* Top right corner */
	padding:6px 0 0;
	background:url('/img/buttons/button_corners_purple.gif') no-repeat right top;
}
.button-purple span span { /* Bottom left corner, left and bottom edges */
	padding:0 0 0 6px;
	background:url('/img/buttons/button_bg_purple.gif') no-repeat left bottom;
}
.button-purple span span span { /* Bottom right corner */
	padding:0 0 6px;
	background:url('/img/buttons/button_corners_purple.gif') no-repeat right bottom;
}
.button-purple span span span span { /* Right edge */
	padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
	background:url('/img/buttons/button_corners_purple.gif') no-repeat right center;
}
.button-purple:hover,
.button-purple:focus,
.button-purple:active { /* Make the button more visible on :hover and :focus */
	color:#fff;
	text-decoration: underline;
}