/*Button REGULAR*/
.button {
	width:auto;
	height:auto;
	margin:0px 0px 5px 0px;
	float:left;
	text-align:left;
}

/* Rollover state */
.button div {
	margin:0px;
	padding:0px;
	background-position:0 100%;
	float:left;
}

/* Rolloff state */
.button div a {
	width: 100%;
	height: 100%;
	background-position:0 0;
	position:relative;
	overflow:hidden;
	display:block;
}

.button div span {
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

.button div a:hover span{ 
	background-position:0 100%;
}



/*Button LEFT*/
.buttonLeft {
	width:auto;
	height:auto;
	margin:0px 5px 0px 0px;
	float:left;
	text-align:left;
}

/* Rollover state */
.buttonLeft div {
	margin:0px;
	padding:0px;
	background-position:0 100%;
	float:left;
}

/* Rolloff state */
.buttonLeft div a {
	width: 100%;
	height: 100%;
	background-position:0 0;
	position:relative;
	overflow:hidden;
	display:block;
}

.buttonLeft div span {
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

.buttonLeft div a:hover span{ 
	background-position:0 100%;
}

/*Button RIGHT*/
.buttonRight {
	width:auto;
	height:auto;
	margin:0px 0px 0px 5px;
	float:right;
	text-align:left;
}

/* Rollover state */
.buttonRight div {
	margin:0px;
	padding:0px;
	background-position:0 100%;
	float:left;
}

/* Rolloff state */
.buttonRight div a {
	width: 100%;
	height: 100%;
	background-position:0 0;
	position:relative;
	overflow:hidden;
	display:block;
}

.buttonRight div span {
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

.buttonRight div a:hover span{ 
	background-position:0 100%;
}




.button-ViewBrochure { width:169px; height:27px; }
.button-ViewBrochure span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/buttons/button-ViewBrochure.gif");
}

.button-AddToList { position:relative; top:3px; width:92px; height:22px; }
.button-AddToList span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/buttons/button-AddToList.gif");
}

.button-ContactVendor { position:relative; top:3px; width:130px; height:22px; }
.button-ContactVendor span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/buttons/button-ContactVendor.gif");
}

.button-Login { width:60px; height:20px; }
.button-Login span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/buttons/button-Login.gif");
}

.button-SignUp{ width:92px; height:22px; }
.button-SignUp span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/buttons/button-SignUp.gif");
}




/*Button TOP MENU RIGHT*/
.buttonTopMenuRight {
	width:auto;
	height:auto;
	margin:0px;
	float:right;
	text-align:left;
}

/* Rollover state */
.buttonTopMenuRight div {
	margin:0px;
	padding:0px;
	background-position:0 100%;
	float:left;
}

/* Rolloff state */
.buttonTopMenuRight div a {
	width: 100%;
	height: 100%;
	background-position:0 0;
	position:relative;
	overflow:hidden;
	display:block;
}

.buttonTopMenuRight div span {
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

.buttonTopMenuRight div a:hover span{ 
	background-position:0 100%;
}

/*Button TOP MENU*/
.buttonTopMenu {
	width:auto;
	height:auto;
	margin:0px;
	float:left;
	text-align:left;
}

/* Rollover state */
.buttonTopMenu div {
	margin:0px;
	padding:0px;
	background-position:0 100%;
	float:left;
}

/* Rolloff state */
.buttonTopMenu div a {
	width: 100%;
	height: 100%;
	background-position:0 0;
	position:relative;
	overflow:hidden;
	display:block;
}

.buttonTopMenu div span {
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

.buttonTopMenu div a:hover span{ 
	background-position:0 100%;
}


.buttonTopMenu-Home { width:50px; height:33px; }
.buttonTopMenu-Home span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/topmenu/MenuBarItem-Home.jpg");
}

.buttonTopMenu-IdeasTrends { width:123px; height:33px; }
.buttonTopMenu-IdeasTrends span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/topmenu/MenuBarItem-IdeasTrends.jpg");
}

.buttonTopMenu-Events { width:56px; height:33px; }
.buttonTopMenu-Events span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/topmenu/MenuBarItem-Events.jpg");
}

.buttonTopMenu-Forum { width:49px; height:33px; }
.buttonTopMenu-Forum span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/topmenu/MenuBarItem-Forum.jpg");
}

.buttonTopMenu-ContactUs { width:93px; height:33px; }
.buttonTopMenu-ContactUs span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/topmenu/MenuBarItem-ContactUs.jpg");
}

.buttonTopMenu-MyAccount { width:106px; height:33px; }
.buttonTopMenu-MyAccount span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/topmenu/MenuBarItem-MyAccount.jpg");
}

.buttonTopMenu-Register { width:105px; height:33px; }
.buttonTopMenu-Register span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/topmenu/MenuBarItem-Register.jpg");
}

.buttonTopMenu-Advertising { width:95px; height:33px; }
.buttonTopMenu-Advertising span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/topmenu/MenuBarItem-Advertising.jpg");
}

.buttonTopMenu-SignUp { width:105px; height:33px; }
.buttonTopMenu-SignUp span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/topmenu/MenuBarItem-SignUp.jpg");
}

.buttonTopMenu-Login { width:50px; height:33px; }
.buttonTopMenu-Login span {
	background:transparent none 0 0 no-repeat;
	background-image:url("../img/topmenu/MenuBarItem-LogIn.jpg");
}