@charset "UTF-8";
/* CSS Document */

/* SMALL BUTTONS */
.button-small {
	
	color: #ffffff !important;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	display: inline-block;
	height: 17px;
	margin: 0 1em 1em 15px;
	padding: 5px 20px 5px 5px;
	position: relative;
	text-decoration: none !important;
	
}

.floatright{
	clear: both;
    color: #FFFFFF;
    display: block;
    float: right;
	}
	

	.button-small span {
		
		height: 27px;
		left: -15px;
		position: absolute;
		top: 0;
		width: 15px;
		
	}
	
.button-small:hover { text-decoration: none; }


/* COLORS */

.rounded-blue { background: url(images/rounded-but-right.png) no-repeat right 0; text-shadow: 0 1px 1px #0c5b76; }
.rounded-blue:hover { background: url(images/rounded-but-right.png) no-repeat right -27px; }
.rounded-blue span { background: url(images/rounded-but-left.png) no-repeat left 0; }
.rounded-blue:hover span { background: url(images/rounded-but-left.png) no-repeat left -27px; }

.rounded-orange { background: url(images/rounded-but-right.png) no-repeat right -54px; text-shadow: 0 1px 1px #9b5510; }
.rounded-orange:hover { background: url(images/rounded-but-right.png) no-repeat right -81px; }
.rounded-orange span { background: url(images/rounded-but-left.png) no-repeat left -54px; }
.rounded-orange:hover span { background: url(images/rounded-but-left.png) no-repeat left -81px; }

.rounded-green { background: url(images/rounded-but-right.png) no-repeat right -108px; text-shadow: 0 1px 1px #4b760c; }
.rounded-green:hover { background: url(images/rounded-but-right.png) no-repeat right -135px; }
.rounded-green span { background: url(images/rounded-but-left.png) no-repeat left -108px; }
.rounded-green:hover span { background: url(images/rounded-but-left.png) no-repeat left -135px; }

.rounded-purple { background: url(images/rounded-but-right.png) no-repeat right -162px; text-shadow: 0 1px 1px #5b1485; }
.rounded-purple:hover { background: url(images/rounded-but-right.png) no-repeat right -189px; }
.rounded-purple span { background: url(images/rounded-but-left.png) no-repeat left -162px; }
.rounded-purple:hover span { background: url(images/rounded-but-left.png) no-repeat left -189px; }

.rounded-pink { background: url(images/rounded-but-right.png) no-repeat right -216px; text-shadow: 0 1px 1px #7f0e4d; }
.rounded-pink:hover { background: url(images/rounded-but-right.png) no-repeat right -243px; }
.rounded-pink span { background: url(images/rounded-but-left.png) no-repeat left -216px; }
.rounded-pink:hover span { background: url(images/rounded-but-left.png) no-repeat left -243px; }

.rounded-red { background: url(images/rounded-but-right.png) no-repeat right -270px; text-shadow: 0 1px 1px #911a1a; }
.rounded-red:hover { background: url(images/rounded-but-right.png) no-repeat right -297px; }
.rounded-red span { background: url(images/rounded-but-left.png) no-repeat left -270px; }
.rounded-red:hover span { background: url(images/rounded-but-left.png) no-repeat left -297px; }

.rounded-grey { background: url(images/rounded-but-right.png) no-repeat right -324px; text-shadow: 0 1px 1px #535353; }
.rounded-grey:hover { background: url(images/rounded-but-right.png) no-repeat right -351px; }
.rounded-grey span { background: url(images/rounded-but-left.png) no-repeat left -324px; }
.rounded-grey:hover span { background: url(images/rounded-but-left.png) no-repeat left -351px; }

.rounded-light { background: url(images/rounded-but-right.png) no-repeat right -378px; text-shadow: 0 1px 1px #ffffff; color: #464646 !important; }
.rounded-light:hover { background: url(images/rounded-but-right.png) no-repeat right -405px; }
.rounded-light span { background: url(images/rounded-but-left.png) no-repeat left -378px; }
.rounded-light:hover span { background: url(images/rounded-but-left.png) no-repeat left -405px; }

.rounded-black { background: url(images/rounded-but-right.png) no-repeat right -432px; text-shadow: 0 1px 1px #000000; }
.rounded-black:hover { background: url(images/rounded-but-right.png) no-repeat right -459px; }
.rounded-black span { background: url(images/rounded-but-left.png) no-repeat left -432px; }
.rounded-black:hover span { background: url(images/rounded-but-left.png) no-repeat left -459px; }

.rounded-grey-glossy { background: url(images/rounded-but-right.png) no-repeat right -486px; text-shadow: 0 1px 1px #535353; }
.rounded-grey-glossy:hover { background: url(images/rounded-but-right.png) no-repeat right -513px; }
.rounded-grey-glossy span { background: url(images/rounded-but-left.png) no-repeat left -486px; }
.rounded-grey-glossy:hover span { background: url(images/rounded-but-left.png) no-repeat left -513px; }

.rounded-light-glossy { background: url(images/rounded-but-right.png) no-repeat right -540px; text-shadow: 0 1px 1px #ffffff; color: #464646 !important; }
.rounded-light-glossy:hover { background: url(images/rounded-but-right.png) no-repeat right -567px; }
.rounded-light-glossy span { background: url(images/rounded-but-left.png) no-repeat left -540px; }
.rounded-light-glossy:hover span { background: url(images/rounded-but-left.png) no-repeat left -567px; }

.square-blue { background: url(images/square-but-right.png) no-repeat right 0; text-shadow: 0 1px 1px #0c5b76; }
.square-blue:hover { background: url(images/square-but-right.png) no-repeat right -27px; }
.square-blue span { background: url(images/square-but-left.png) no-repeat left 0; }
.square-blue:hover span { background: url(images/square-but-left.png) no-repeat left -27px; }

.square-orange { background: url(images/square-but-right.png) no-repeat right -54px; text-shadow: 0 1px 1px #9b5510; }
.square-orange:hover { background: url(images/square-but-right.png) no-repeat right -81px; }
.square-orange span { background: url(images/square-but-left.png) no-repeat left -54px; }
.square-orange:hover span { background: url(images/square-but-left.png) no-repeat left -81px; }

.square-green { background: url(images/square-but-right.png) no-repeat right -108px; text-shadow: 0 1px 1px #4b760c; }
.square-green:hover { background: url(images/square-but-right.png) no-repeat right -135px; }
.square-green span { background: url(images/square-but-left.png) no-repeat left -108px; }
.square-green:hover span { background: url(images/square-but-left.png) no-repeat left -135px; }

.square-purple { background: url(images/square-but-right.png) no-repeat right -162px; text-shadow: 0 1px 1px #5b1485; }
.square-purple:hover { background: url(images/square-but-right.png) no-repeat right -189px; }
.square-purple span { background: url(images/square-but-left.png) no-repeat left -162px; }
.square-purple:hover span { background: url(images/square-but-left.png) no-repeat left -189px; }

.square-pink { background: url(images/square-but-right.png) no-repeat right -216px; text-shadow: 0 1px 1px #7f0e4d; }
.square-pink:hover { background: url(images/square-but-right.png) no-repeat right -243px; }
.square-pink span { background: url(images/square-but-left.png) no-repeat left -216px; }
.square-pink:hover span { background: url(images/square-but-left.png) no-repeat left -243px; }

.square-red { background: url(images/square-but-right.png) no-repeat right -270px; text-shadow: 0 1px 1px #911a1a; }
.square-red:hover { background: url(images/square-but-right.png) no-repeat right -297px; }
.square-red span { background: url(images/square-but-left.png) no-repeat left -270px; }
.square-red:hover span { background: url(images/square-but-left.png) no-repeat left -297px; }

.square-grey { background: url(images/square-but-right.png) no-repeat right -324px; text-shadow: 0 1px 1px #535353; }
.square-grey:hover { background: url(images/square-but-right.png) no-repeat right -351px; }
.square-grey span { background: url(images/square-but-left.png) no-repeat left -324px; }
.square-grey:hover span { background: url(images/square-but-left.png) no-repeat left -351px; }

.square-light { background: url(images/square-but-right.png) no-repeat right -378px; text-shadow: 0 1px 1px #ffffff; color: #464646 !important; }
.square-light:hover { background: url(images/square-but-right.png) no-repeat right -405px; }
.square-light span { background: url(images/square-but-left.png) no-repeat left -378px; }
.square-light:hover span { background: url(images/square-but-left.png) no-repeat left -405px; }

.square-black { background: url(images/square-but-right.png) no-repeat right -432px; text-shadow: 0 1px 1px #000000; }
.square-black:hover { background: url(images/square-but-right.png) no-repeat right -459px; }
.square-black span { background: url(images/square-but-left.png) no-repeat left -432px; }
.square-black:hover span { background: url(images/square-but-left.png) no-repeat left -459px; }

.square-grey-glossy { background: url(images/square-but-right.png) no-repeat right -486px; text-shadow: 0 1px 1px #535353; }
.square-grey-glossy:hover { background: url(images/square-but-right.png) no-repeat right -513px; }
.square-grey-glossy span { background: url(images/square-but-left.png) no-repeat left -486px; }
.square-grey-glossy:hover span { background: url(images/square-but-left.png) no-repeat left -513px; }

.square-light-glossy { background: url(images/square-but-right.png) no-repeat right -540px; text-shadow: 0 1px 1px #ffffff; color: #464646 !important; }
.square-light-glossy:hover { background: url(images/square-but-right.png) no-repeat right -567px; }
.square-light-glossy span { background: url(images/square-but-left.png) no-repeat left -540px; }
.square-light-glossy:hover span { background: url(images/square-but-left.png) no-repeat left -567px; }