/*Buttons*/
/* Hover element is absolute positioned because hover could affect margin and height of elements in or around relative container in IE7/8. */
.hero {
    margin-left:0px;
    position:relative;
    height:41px;
	width:22px;     
}

.hero a {
    background:transparent url(../assets/button_2.png) no-repeat scroll right -41px;
    color:#FFFFFF;
    font-size:14px !important;
    font-weight:bold;
    line-height:14px;
    top:0px;
    left:20px;
    display:block;
    padding:12px 8px 12px 27px;
    margin-left:-0px;
    position:absolute;
    text-decoration:none !important;
}
.hero a:hover {
    background:transparent url(../assets/button_2.png) no-repeat scroll right -77px;
    color:#FFFFFF;
    }

.hero span {
    background:transparent url(../assets/button_2.png) no-repeat scroll 0px 0px;
    left:-20px;
    top:0px;
    line-height:41px;
    position:absolute;
    width:41px;
}

.hero.pencil span {background-position: 0px 0px}
.hero.arrow span {background-position: -41px 0px}
.hero.search span {background-position: -82px 0px}
.hero.heart span {background-position: -123px 0px}
.hero.cart span {background-position: -164px 0px}
.hero.person span {background-position: -205px 0px}
.hero.folder span {background-position: -246px 0px}
.hero.mail span {background-position: -287px 0px}
.hero.bubble span {background-position: -328px 0px}
.hero.disc span {background-position: -369px 0px}
.hero.eye span {background-position: -410px 0px}
.hero.lock span {background-position: -451px 0px}



.button_orange,.button_orange_noarrow, .button_green, .button_grey,.button_grey_noarrow, .button_inactive, .backbutton_green,.backbutton_grey,.button_new {
	margin-left:5px;height:24px; 
	position:relative;
	width:10px
}
.button_orange a, .button_green a, .button_grey a, .button_inactive a, .button_grey_noarrow a{
    background:url(../assets/button_2.png) no-repeat right ;
    font-size:12px !important;
    font-weight:bold;
    position:absolute;
    display:block;
    text-decoration:none !important;
    color:#FFFFFF !important;
    padding:4px 24px 5px 3px;
	
}

.button_orange_noarrow a{
    background:url(../assets/button_2.png) no-repeat right ;
    font-size:12px !important;
    font-weight:bold;
    position:absolute;
    display:block;
    text-decoration:none !important;
    color:#FFFFFF !important;
    padding:4px 8px 5px 3px;
	
}

.backbutton_green a, .backbutton_grey a, .button_new a{
    background:url(../assets/button_2.png) no-repeat right ;
    font-size:12px !important;
    font-weight:bold;
    position:absolute;
    display:block;
    text-decoration:none !important;
    color:#FFFFFF !important;
    padding:4px 3px 5px 24px;
	
}

.button_grey_noarrow a{
    background:url(../assets/button_2.png) no-repeat right ;
    font-size:12px !important;
    font-weight:bold;
    position:absolute;
    display:block;
    text-decoration:none !important;
    color:#FFFFFF !important;
    padding:4px 6px 5px 3px;
	
}



.button_orange a:hover, .button_green a:hover, .button_grey a:hover, .button_grey_noarrow a:hover, .button_inactive a:hover{
    background:url(../assets/button_2.png) no-repeat right;
    color:#FFFFFF;
}

.button_orange_noarrow a:hover {
    background:url(../assets/button_2.png) no-repeat right;
    color:#FFFFFF;
}


.backbutton_green a:hover, .backbutton_grey a:hover , .button_new a:hover{
    background:url(../assets/button_2.png) no-repeat left;
    color:#FFFFFF;
}




.button_orange span, .button_green span, .button_grey span, .button_grey_noarrow span, .button_inactive span {
    background:url(../assets/button_2.png) no-repeat left;
    left:-5px;
    top:0px;
    line-height:21px;
    position:absolute;
    width:8px;
}

.button_orange_noarrow span {
    background:url(../assets/button_2.png) no-repeat left;
    left:-5px;
    top:0px;
    line-height:21px;
    position:absolute;
    width:8px;
}

.backbutton_green span, .backbutton_grey span, .button_new span {
    background:url(../assets/button_2.png) no-repeat right;
    right:-5px;
    top:0px;
    line-height:21px;
    position:absolute;
    width:8px;
}


.button_orange_noarrow a {background-position:right -390px}
.button_orange_noarrow a span {background-position: left -390px}
.button_orange_noarrow a:hover {background-position: right -411px}
.button_orange_noarrow a:hover span {background-position: left -411px}

.button_orange a {background-position:right -117px}
.button_orange a span {background-position: left -117px}
.button_orange a:hover {background-position: right -138px}
.button_orange a:hover span {background-position: left -138px}

.button_green a {background-position:right -159px}
.button_green a span {background-position: left -159px}
.button_green a:hover {background-position: right -180px}
.button_green a:hover span {background-position: left -180px}

.button_grey a {background-position:right -201px; color:#000000 !important; font-weight:normal}
.button_grey a span {background-position: left -201px}
.button_grey a:hover {background-position: right -222px}
.button_grey a:hover span {background-position: left -222px}

.button_grey_noarrow a {background-position:right -306px; color:#000000 !important; font-weight:normal}
.button_grey_noarrow a span {background-position: left -201px}
.button_grey_noarrow a:hover {background-position: right -327px}
.button_grey_noarrow a:hover span {background-position: left -222px}


/*Backbuttons*/
.backbutton_green a {background-position:left -264px; color:#000000 !important; font-weight:normal}
.backbutton_green a span {background-position:right  -264px}
.backbutton_green a:hover {background-position: left -285px}
.backbutton_green a:hover span {background-position: right -285px}


.backbutton_grey a {background-position:left -306px; color:#000000 !important; font-weight:normal}
.backbutton_grey a span {background-position: right -306px;}
.backbutton_grey a:hover {background-position: left -327px}
.backbutton_grey a:hover span {background-position: right -327px}/**/

.button_new a {background-position:left -348px; color:#000000 !important; font-weight:normal}
.button_new a span {background-position: right -348px;}
.button_new a:hover {background-position: left -369px}
.button_new a:hover span {background-position: right -369px}/**/


/*Inactive*/
.button_inactive a, .button_inactive a:hover {background-position:right -243px; color:#999999 !important; font-weight:normal}
.button_inactive a span, .button_inactive a:hover span {background-position: left -243px}