/* ------------------->>> Button Styles <<<-----------------------*/
button {
	border: 0; 
	cursor: pointer; 
	font-weight: bold;
	padding: 0 8px 0 0; 
	text-align: center;
	outline: 0;
	_margin-top: -3px;
}

button span { 
	position: relative; 
	display: block; 
	white-space: nowrap; 
	padding: 0 0 0 16px; 
}

button.submitButton {
	background: url(../images/submitBtn/button_right.gif) right no-repeat; 
	font-size: 1em; 
	font-weight: normal;
}

button.submitButton span { 
	height: 18px; 
	line-height: 18px;
	background: url(../images/submitBtn/button_left.gif) left no-repeat;
	color: white; 
}

* html button { 
	width: auto; 
	overflow: visible;
	position: relative;
}

* html button span { 
	margin-top: 3px;
}

*:first-child+html button{ 
	width: auto; 
	overflow: visible; 
}
 /*FOR IE7*/
*:first-child+html button{ 
	margin-top: -3px;
}
 /*FOR IE7*/
*:first-child+html button span{ 
	margin-top: 3px;
}




/*****************************************/
/*              MAIN MENU                */
/*****************************************/

#main-menu ul li a:link, #main-menu ul li a:visited {
	display: block;
	padding:0 8px 0 0;
	_width: 1%;
}

#main-menu ul li a:link span, #main-menu ul li a:visited span {
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	
	position: relative; 
	display: block; 
	white-space: nowrap; 
	padding: 0 0 0 8px;
	height: 23px; 
	line-height: 23px;
	cursor: pointer;
}

#main-menu ul li a:hover {
	background:url(../images/submitBtn/mainmenu-right.gif) right no-repeat; 
	text-decoration: none;
}
#main-menu ul li a:hover span {
	background:url(../images/submitBtn/mainmenu-left.gif) left no-repeat;
	color: #e11524;
	text-decoration: none;
}




/**************************************************/
/*              LINKS LIKE BUTTONS                */
/**************************************************/

/* BLUE Button */
.abutton:link, .abutton:visited {
	display: block;
	background: url(../images/submitBtn/button_right.gif) right no-repeat; 
	padding: 0 8px 0 0;
	_width: 1%;
}

.abutton:link span, .abutton:visited span {
	position: relative; 
	display: block; 
	white-space: nowrap; 
	padding: 0 0 0 16px;
	height: 18px; 
	line-height: 18px;
	background: url(../images/submitBtn/button_left.gif) left no-repeat;
	color: white;
	cursor: pointer;
}

.abutton:hover {
	background: url(../images/submitBtn/button_right_hover.gif) right no-repeat; 
	text-decoration: none;
}
.abutton:hover span {
	background: url(../images/submitBtn/button_left_hover.gif) left no-repeat;
	text-decoration: none;
}


/* YELLOW Button */
.abutton-yellow:link, .abutton-yellow:visited {
	display: block;
	background: url(../images/submitBtn/button_yellow_right.gif) right no-repeat;
	padding: 0 8px 0 0;
	_width: 1%;
}

.abutton-yellow:link span, .abutton-yellow:visited span {
	position: relative; 
	display: block; 
	white-space: nowrap; 
	padding: 0 0 0 8px;
	height: 18px; 
	line-height: 18px;
	background: url(../images/submitBtn/button_yellow_left.gif) left no-repeat;
	color: white;
	cursor: pointer;
}

.abutton-yellow:hover {
	background: url(../images/submitBtn/button_yellow_right_hover.gif) right no-repeat;
	text-decoration: none;
}
.abutton-yellow:hover span {
	background: url(../images/submitBtn/button_yellow_left_hover.gif) left no-repeat;
	text-decoration: none;
}