/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

a.squarebutton{
	display: block;
	float: left;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(http://www.amsterdambyboat.com/wordpress/wp-content/uploads/2010/06/button-left-or.png);
	background-repeat: no-repeat;
	background-position: left top;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color: #FFFFFF; /*button text color*/
	font-weight: bold;
}

a.squarebutton span{
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
	background-color: transparent;
	background-image: url(http://www.amsterdambyboat.com/wordpress/wp-content/uploads//2010/06/button-right-or.png);
	background-repeat: no-repeat;
	background-position: right top;
}
a.squarebutton:hover{ /* Hover state CSS */
	background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #000000;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}
.buttonwrapperRight{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 150px;
	float: right;
	margin-left: 420px;
}
.buttonwrapperLeft{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 150px;
	float: left;
}